﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fire My Team - Football</title>
<link rel="stylesheet" href="Styles/style.css" type="text/css" />
<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="css/ie9.css"/>
<![endif]-->

<!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="css/ie8.css"/>
<![endif]-->

<!--[if IE 7]>
    <link rel="stylesheet" media="screen" href="css/ie7.css"/>
<![endif]-->

    <!-- other items -->
    <script type="text/javascript" src="Scripts/jquery-1.8.0.js" ></script>  
    <script type="text/javascript" src="Scripts/jquery.ui.core.js" ></script>  
    <script type="text/javascript" src="Scripts/jquery.ui.widget.js" ></script>  
    <script type="text/javascript" src="Scripts/jquery.ui.position.js" ></script>  
    <script type="text/javascript" src="Scripts/jquery.ui.autocomplete.js" ></script>  
    <!-- end other items -->


<script type="text/javascript" src="Scripts/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript" src="Scripts/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="Scripts/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="Scripts/plugins/ui.spinner.js"></script>
<script type="text/javascript" src="Scripts/plugins/jquery.flot.min.js"></script>
<script type="text/javascript" src="Scripts/custom/general.js"></script>
<script type="text/javascript" src="Scripts/custom/form.js"></script>
<script type="text/javascript" src="Scripts/custom/widgets.js"></script>
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

    <script>
        $(function () {
            function log(message) {
                $("<div/>").text(message).prependTo("#log");
                $("#log").scrollTop(0);
            }
            
            $("#team").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: "http://ws.geonames.org/searchJSON",
                        dataType: "jsonp",
                        data: {
                            featureClass: "P",
                            style: "full",
                            maxRows: 12,
                            name_startsWith: request.term
                        },
                        success: function (data) {
                            response($.map(data.geonames, function (item) {
                                return {
                                    label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                                    value: item.name
                                }
                            }));
                        }
                    });
                },
                minLength: 0,
                select: function (event, ui) {
                    log(ui.item ?
                        "Selected: " + ui.item.label :
                        "Nothing selected, input was " + this.value);
                },
                open: function () {
                    $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
                },
                close: function () {
                    $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
                }
            }).focus(function () {
                if ($(this).autocomplete("widget").is(":visible")) {
                    return;
                }
                $(this).data("autocomplete").search($(this).val());
            });
        });
	</script>

</head>

<body class="loggedin">

	<!-- START OF HEADER -->
	<div class="header radius3">
    	<div class="headerinner">
        	
            <a href="main.html"><img src="images/mobile_header_151.png" alt="" /></a>
            <div class="headright">
            	
                <div id="userPanel" class="headercolumn">
                    <a href="" class="userinfo radius2">
                        <img src="images/avatar.png" alt="" class="radius2" />
                    </a>
                    <div class="userdrop">
                        <ul>
                            <li><a href="">Profile</a></li>
                            <li><a href="">Account Settings</a></li>
                            <li><a href="index.html">Logout</a></li>
                        </ul>
                    </div><!--userdrop-->
                </div><!--headercolumn-->
                <span>&nbsp;</span>
                <div id="notiPanel" class="headercolumn">
                    <div class="notiwrapper">
                        <a href="ajax/messages.php" class="notialert radius2">5</a>
                        <div class="notibox">
                            <ul class="tabmenu">
                                <li class="current"><a href="ajax/messages.php" class="msg">Messages (2)</a></li>
                                <li><a href="ajax/activities.php" class="act">Recent Activity (3)</a></li>
                            </ul>
                            <br clear="all" />
                            <div class="loader"><img src="images/loaders/loader3.gif" alt="Loading Icon" /> Loading...</div>
                            <div class="noticontent"></div><!--noticontent-->
                        </div><!--notibox-->
                    </div><!--notiwrapper-->
                </div><!--headercolumn-->
            </div><!--headright-->
        
        </div><!--headerinner-->
	</div><!--header-->
    <!-- END OF HEADER -->
        
    <!-- START OF MAIN CONTENT -->
    <div class="mainwrapper">
     	<div class="mainwrapperinner">
        <div class="maincontent noright">
        	<div class="maincontentinner">
            	
            
                <div class="content">
                 
                <form id="form1" class="stdform" method="post" action="">
                        	<label>Team:</label>
                            <span class="field"><input type="text" name="team" id="team" class="longinput" /></span>
                        	<label>Player:</label>
                            <span class="field"><input type="text" name="player" id="player" class="longinput" /></span>

                        <p class="stdformbutton">
                        	<button class="btn_red">Fire Entire Team</button>
                        </p>
                    </form>
                    <div class="widgetbox">
                        <div class="title"><h2 class="general"><span>Recent Users</span></h2></div>
                        <div class="widgetcontent userlistwidget">
                            <ul>
                            	<li>
                                	<div class="avatar"><img src="images/avatar2.png" alt="" /></div>
                                    <div class="info">
                                    	<a href="">Billie Norris</a> <br />
                                        Software Engineer <br /> 18 minutes ago
                                    </div><!--info-->
                                </li>
                                <li>
                                	<div class="avatar"><img src="images/avatar2.png" alt="" /></div>
                                    <div class="info">
                                    	<a href="">Billie Norris</a> <br />
                                        Software Engineer <br /> 18 minutes ago<br />
                                        <div id="Div1" class="headercolumn">
                    <a href="" class="userinfo radius2">
                        <img src="images/avatar.png" alt="" class="radius2" />
                    </a>
                    <div class="userdrop">
                        <ul>
                            <li><a href="">Profile</a></li>
                            <li><a href="">Account Settings</a></li>
                            <li><a href="index.html">Logout</a></li>
                        </ul>
                    </div><!--userdrop-->
                </div><!--headercolumn-->
                                    </div><!--info-->
                                </li>
                            </ul>
                            <br clear="all" />
                            <a href="" class="more">View More Users</a>
                        </div><!--widgetcontent-->
                    </div><!--widgetbox-->
                    <br clear="all" /><br />
                                        
                    	<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
                </div><!--content-->
                
            </div><!--maincontentinner-->
            
            <div class="footer">
            	<p>Fire My Team &copy; 2012. All Rights Reserved.</p>
            </div><!--footer-->
            
        </div><!--maincontent-->
                        
     	</div><!--mainwrapperinner-->
    </div><!--mainwrapper-->
	<!-- END OF MAIN CONTENT -->
    

</body>
</html>
